<template>
    <div>
        <div class="content-tabbar">
            <router-view/>
        </div>
        <div class="bottom-tabbar">

        </div>
    </div>
</template>

<script>
    import {Tabbar, TabbarItem, ViewBox} from 'vux';
    export default {
        data() {
          return {

          }
        },
        components: {
            Tabbar,
            TabbarItem,
            ViewBox
        },
        mounted() {

        },
        computed: {

        },
        watch: {
            /*"$route" : function (to, from) {
                    debugger
                    if(to.path.toUpperCase() == from.path.toUpperCase()) {
                        return;
                    }
            }*/
        },
        methods: {

        }
    }
</script>

<style lang="less" rel="stylesheet/less">
    .bottom-tabbar .weui-tabbar {
        position: fixed;
    }

    .content-tabbar {
        width: 100%;
    }

</style>